import Dialog from "@mui/material/Dialog";

import "./index.scss";

const showHero = (props: any) => {
  const { onClose, selectedValue, open } = props;

  const handleClose = () => {
    onClose(selectedValue);
  };

  return (
    <Dialog maxWidth="xs" onClose={handleClose} open={open}>
      <div className="lineup-dialog">
        <div className="title-box">
          <span className="name">体力龙</span>
          <div className="close-btn" onClick={handleClose}>
            <img src="/images/close_x.png" />
          </div>
        </div>
        <div className="content-box">
          <div className="hero-show">
            <div className="attribute">
              <div className="item">伤害：100</div>
              <div className="item">力气：400</div>
            </div>
            <img className="hero" src="/images/dinosaur1.png" />
            <div className="name">Lv.38 体力龙 </div>
          </div>
          <div className="hero-desc">
            <div className="online-offline">
              <div className="item">
                <div className="price">1.17t</div>
                <div className="img-box">
                  <img src="/images/prize_2.png" />
                  <span className="title">在线金币</span>
                </div>
              </div>
              <div className="item">
                <div className="price">0.64t</div>
                <div className="img-box">
                  <img src="/images/prize_2.png" />
                  <span className="title">在线金币</span>
                </div>
              </div>
            </div>
            <div className="desc-box">
              每天可以给玩家增加5个pk体力点，系统每天更新5个体力点，两只37级龙合成有几率得到，也可以市场去买
            </div>
          </div>
        </div>
      </div>
    </Dialog>
  );
};

export default showHero;
